@CHARSET "UTF-8";
img{border:solid 0px #fff;}
.fleft {float:left;}
body{ margin:0; padding:0; background:url(../images/loMian.png)}
.top { height:130px; text-align:center; }
.lotop{ width:auto; height:390px; padding-top:141px; background:url(../images/topbg.png) top center no-repeat;}
.login { margin:0 auto; width:667px; height:366px; background:url(../images/login-bk.png) no-repeat center center;}
.login_titles{ font-size:14px; float:left;  font-family:"楷体"; color:#fff; padding-right: 8px; text-align: right; width: 42px;}
.loMian{ width:auto; height:auto; min-height:100px; background:url(../images/loMian.png) top center repeat-y;}
/*我是老师 我是家长 我是学生 样式*/
.loMian_01{ width:699px; height:471px; margin:0 auto;}
.loMian_01_margin{ margin-right:27px;}
.loMian_menu{ width:699px; height:62px;}
.loMian_menu ul{ list-style:none; margin:0; padding:0;}
.loMian_menu li{ width:197px; height:62px; padding-left:14px; float:left; color:#728688; font-size:16px; background:url(../images/loMian_menu.png) top left no-repeat; cursor:pointer;}
.loMian_menu li:hover { background-position:0 -62px; color:#728688; font-size:16px;}
.loMian_menu .curt { background:url(../images/loMian_menu.png) 0 -62px no-repeat; color:#728688; font-size:16px;}
.loMian_01img{ width:51px; height:59px; position:relative; padding-right:19px; float:left; top:-27px; left:0; z-index:11;}
.loMian_01img01{ width:55px; height:55px; position:relative; padding-right:19px; float:left; top:-27px; left:0; z-index:13;}
.loMian_01img02{ width:62px; height:53px; position:relative; padding-right:19px; float:left; top:-27px; left:0; z-index:12;}
.loMian_menu_title{ float:left; line-height:62px;}
.loMian_01Con{ width:701px; height:355px; margin-top:16px; background:url(../images/con_bg.png)}
.loMian_01Con span{ margin:0; display:block; padding:0 24px 0 24px; }
.lo01span{ padding-top:63px;}
.lo02span{ width:auto; height:}
.lo02span img{ vertical-align:middle; padding-top:1px;}
.lo03span{ width:auto; line-height:30px; color:#88766b; font-size:12px; }
/*end if*/
.loMian_02{ width:699px; height:349px; padding-top:29px; margin:0 auto;}
.loMian_02 ul{ list-style:none; display:block; margin:0; padding:0;}
.loMian_02 li{ width:230px; height:172px; float:left;}
.loMian_02 li.loMian02left{ background:url(../images/mbg_one.png) center right no-repeat;}
.loMian_02 li span{ width:223px; float:left; font-size:16px; color:#4f5051; height:62px;}
.loMian_02 li span img{ vertical-align:middle; float:left; padding-left:4px; padding-right:12px;}
.loMian_02 li span font{float:left; line-height:60px;}
.loMian_02 li span.loMian_02con{width:195px; height:18px; color:#000000; margin-top:8px; padding-left:12px; font-size:12px;}
.loMian_03{ width:709px; height:338px; background:url(../images/loMian03.png) top left no-repeat; margin:0 auto; margin-top:10px;}
.loMian_04{ width:906px; height:68px; margin:0 auto; margin-top:65px;}
/*.loMian_04 span.llq02{ float:left; color:#494a4b; font-size:12px; padding:0 6px 0 6px; background:url(../images/IE.png) left top no-repeat;}
.loMian_04 span{ display:block;}*/
.loMian_04 span{ display:block; font-size:14px; color:#233d3d; float:left; line-height:18px; padding:0 23px 0 8px;}
.loMian_04 span a{ color:#7b7b7b; text-decoration:none;}
.loMian_04 span.llq01{font-size:14px; color:#233d3d; float:left; line-height:35px;}
.loMian_04 span a:hover{ color:#7b7b7b; text-decoration:none; text-decoration:underline;}
.loMian_04 span.llq03{ float:left; color:#494a4b; height:48px; font-size:12px; color:#2f2f2f; padding-left:42px; background:url(../images/IE.png) left top no-repeat;}
.loMian_04 span.llq04{ float:left; color:#494a4b; height:48px; font-size:12px; color:#2f2f2f; padding-left:42px; background:url(../images/ff.png) left top no-repeat;}
.loMian_04 span.llq05{ float:left; color:#494a4b; height:48px; font-size:12px; color:#2f2f2f; padding-left:42px; background:url(../images/Sasari.png) left top no-repeat;}
.loMian_04 span.llq06{ float:left; color:#494a4b; height:48px; font-size:12px; color:#2f2f2f; padding-left:42px; background:url(../images/Chrome.png) left top no-repeat;}
.loMian_04 span.llq07{ float:left; color:#494a4b; height:48px; font-size:12px; color:#2f2f2f; padding-left:42px; background:url(../images/qt.png) left top no-repeat;}


.loMian_04 span.llq02 img{ vertical-align:middle; float:left; padding-top:7px;}
.login_r01top{ width:400px; height:78px; padding-left:10px;}
.login_r01top01{ width:400px; height:62px; padding-left:10px;}
.login_r01top img{ vertical-align:middle; padding-top:15px;}
.login_r01con{ font-size:12px; width:386px; padding-left:10px; height:175px; color:#c3c8c7; line-height:17px;}
.login_left_sanjiao{width: 60px; height: 70px; display: block; cursor:pointer; margin-left: 70px; margin-top: 15px;}

.login_left { float:left; width:179px;}
.login_sanjiao { width: 6px; height: 13px; background: url(../images/login_sanjiao.png) no-repeat; position:relative; z-index:100; left: 158px; top: 65px;}
.login_right {float:left; width:480px;  margin:0px; padding:0px;}
.login_ul {	margin:0px; padding:0px; float:left; width:100%; list-style:none; display:inline;}
.login_ul li{ height:50px; margin:0px; padding:0px; padding-left:60px; float:left; width:100%; }
.login_error { height:50px; }
.login_text { height:50px; }
.login_bk_username { background-image:url(../images/username.png);background-repeat:no-repeat; background-position: 70px 11px; }
.login_bk_password { background:url(../images/password.png) no-repeat 70px 11px; }
.login_bk_yzm { background:url(../images/yzm.png) no-repeat 70px 11px; }

.login_form_text {
font: 16px/23px Arial,'Handwriting - Dakota', 'Marker Felt', 'Segoe Print', 'Comic Sans MS', Helvetica, sans-serif;
width:221px;
height:36px;
line-height:36px;
color:#FFFFFF;
padding-left:10px;
background:url(../images/text.png) no-repeat left center;
border:none;
outline:none;
display:inline;
}
.login_form_text2 {
font: 16px/23px Arial,'Handwriting - Dakota', 'Marker Felt', 'Segoe Print', 'Comic Sans MS',  Helvetica, sans-serif;
width:81px;
height:36px;
line-height:36px;
color:#FFFFFF;
padding-left:35px;
background:url(../images/text2.png) no-repeat left center;
border:none;
outline:none;
}

.login_form_button{
cursor: pointer;
width:109px;
height:31px;
background:url(../images/login.png) no-repeat left center;
border:none;
}
.yzm {width:105px; height:35px; border:solid 1 #808080;}
.dis {display:none;}
.login_p_50 {padding-left:60px; display:inline;}
.login_p_35 {padding-left:45px; display:inline}
.login_top {
	height:25px;
}